/*******************************/
/************ Reset ************/
/*******************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

html{overflow:-moz-scrollbars-vertical;}
body{
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
	background-image: url('images/fundo.png');
    background-repeat: repeat;
    background-attachment: fixed;
}

/*******************************/
/*********** Clearfix **********/
/*******************************/
.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clearfix:after, .verticalList:after, .verticalList > li:after , #header:after , .fakeHoverList > li:after, .hoverList > li a:after , .timeList > li a:after , .coments .comment {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.clearfixLeft:after {clear:left;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.clearfixRight:after {clear:right;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.inlineList > li:after, .horizontalList > li:after {clear:none;content:" ";display:inline;font-size:0;height:0;visibility:hidden;}

/*******************************/
/************ sizes ************/
/*******************************/
/*****rigid ******/
.siteWidth {display:block;width:980px !important;}			/* site width */
.aux {display:block;width:310px;margin-left:14px;}			/* aux column if needed */
.aux .pushRight {margin-right:0; padding-right:14px;}
.edit {width:642px; padding:10px 0 10px 14px;}				/* edit column if needed */

/*****liquid ******/
.w100 {width:100%}
.w1, .w12, .w13, .w23, .w14, .w34 , .w15 , .w25 , .w35 , .w45 , .w16 , .w56 , .w18, .w38, .w58 , .w78{padding-right:1%;padding-left:1%;vertical-align:top;display:block;}
.w1 {width:98%} .w100 {width:100%;padding-right:0 !important;padding-left:0 !important}
.w12 {width:48%;width:47.7%}
/*****thirds ******/
.w13 {width:31%;width:31.3%}
.w23 {width:64%;width:64.7%}
/*****quarters ******/
.w14 {width:23%;width:22.5%;width:23.8%}
.w34 {width:73%;width:72.5%;width:73.9%}

/*****Fifths ******/
.w15 {width:18%;width:17.5%;}
.w25 {width:38%;width:37.5%;}
.w35 {width:58%;width:57.5%;}
.w45 {width:78%;width:77.5%;}

/*****sixths ******/
.w16 {width:14%}
.w56 {width:82%}

/*****eights ******/
.w18 {width:11%} .w38 {width:36%} .w58 {width:61%} .w78 {width:85%} 
/***** heights ******/
.height20 {height:20px !important;line-height:20px !important;display:block;}
.lineHeight20 {line-height:20px !important;}
.height30 {height:30px !important;line-height:30px !important;display:block;}
.lineHeight30 {line-height:30px !important;}
.height40 {height:40px !important;line-height:40px !important;display:block;}
.height60 {height:60px !important;} .height100 {height:100px !important;}.height125 {height:125px !important;} .height150 {height:150px !important;}  .height200 {height:200px !important;}  .height250 {height:250px !important;} .height300 {height:300px !important;} .height500 {height:500px !important;} 

/*******************************/
/********** Position ***********/
/*******************************/
.inline {display:inline !important;}
.center {display:block;margin:0 auto;}
.left {display:block;float:left !important;}
.right {display:block;float:right !important;}

.fixed {position:fixed !important;top:0;left:0;}
.static {position:absolute !important;top:0;left:0;}
.relative {position:relative !important;}
.absolute {position:absolute;top:0;left:0}
.relative .topRight {top:0;left:auto;right:0}
.hidden{display:none !important;}
.invisible {visibility:hidden !important}
.noOverflow {overflow:hidden}

.pullLeft {margin-left:-14px !important; padding-left:14px;}
.pullRight {margin-right:-14px !important; padding-right:14px;}	
.pullUp {margin-top:-14px !important; padding-top:14px;}
.pullDown {margin-bottom:-14px !important; padding-bottom:14px;}

.noPushLeft{padding-left: 0px !important; margin-left: 0px !important;} /*yo*/
.noPushRigth{padding-right: 0px !important; margin-right: 0px !important;} /*yo*/ 


.pushLeft, .push {margin-left:14px !important; }
.pushRight, .push  {margin-right:14px;}	
.pushUp, .push  {margin-top:10px !important; }
.pushUp100  {margin-top:100px !important; }
.pushDown, .push  {margin-bottom:10px !important;}
.pushRightAux {margin-right:325px;}

.pushUpL {margin-top:30px !important; }
.pushDownL {margin-bottom:30px !important;}

.paddingTop, .padding {padding-top:5px !important}
.paddingRight , .padding {padding-right:5px !important}
.paddingBottom , .padding {padding-bottom:5px !important}
.paddingLeft , .padding {padding-left:5px !important}
.paddingLeftL  {padding-left:20px !important}
.lineHeight40{line-height: 40px;}
.noPadding {padding:0 !important}

.marginTop, .margin {margin-top:5px !important}
.marginRight , .margin {margin-right:5px !important}
.marginBottom , .margin {margin-bottom:5px !important}
.marginLeft , .margin {margin-left:5px !important}
.noMargin {margin:0 !important;} 

.scroll {overflow:auto; scroll:auto}

.lowlvl{ z-index: -100;}
.uplvl{ z-index: 100;}
/*******************************/
/************ Texts ************/
/*******************************/

/* other text styles */
.tReset  {color:#444;font:12px/18px Arial,Helvetica,sans-serif;letter-spacing:0px;text-transform:none;} 
.tLeft{text-align:left;}
.tRight{text-align:right !important;}
.tCenter{text-align:center;vertical-align:middle !important;}
.tCenter img {vertical-align:middle;}
.tQuiet{color:#888 !important;}
.tLight {font-weight:normal;}
.tLoud{font-weight:bold;}
.tIndent {text-indent:20px;}
.tHide {text-indent:-3333px}
.tMedium {font-size:14px;line-height:16px;}
.tSmall, small{font-size:11px;line-height:16px;}
.tXSmall{font-size:10px;line-height:16px;}
.tBig {font-size:18px !important;}
.tHuge {font-size:30px !important;}
.tBlack {color:black !important}
.tShadow {text-shadow:1px 1px #DDDDDD;}
.tNoSelect {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}

/*******************************/
/********* Bloc styles *********/
/*******************************/
/* borders */
.curved {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.curvedNE, .curvedN, .curvedE {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.curvedNW, .curvedN, .curvedW {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.curvedSE, .curvedS, .curvedE {-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
.curvedSW, .curvedS, .curvedW {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}
.noBorder, .noBorder img {border:none !important;}
.borderS {border-width:1px;border-style:solid;border-color:white;}	.borderL {border-width:3px !important;border-style:solid;}	

/* buttons */
/* normal */	
button , .button , a.button {font-size:11px;line-height:24px;font-weight:bold;padding:7px !important;-moz-border-radius:4px; -webkit-border-radius:4px;}
button:hover , .button:hover , a.button:hover, a.buttonSelected {cursor:pointer !important;}

/* blocs */
.noBackground {background:none !important;}
.block {padding:14px !important;}	
.blockForm{display: block; margin: 1.0em 0 .3em 0;}
.blockCampo{display: block; margin: 0 0 0 0.3em; font-style:italic; background-color: white}

/*******************************/
/********* List styles *********/
/*******************************/
ul.inlineList > li , ol.inlineList > li {display:inline;}
.verticalList > li {display:block;padding-top:1px ;padding-bottom:1px ;}
.verticalList > li:first-child {padding-top:0}
ul.horizontalList > li , ol.horizontalList > li {display: -moz-inline-stack; /* Pour Firefox 1-2 */display: inline-block; /* ecrase la valeur precedente si le navigateur comprend inline-block */}
/* pagination */
.pagination {margin:10px 0;}
.pagination a, .pagination span {padding:2px 7px;}
.pagination  li {background-image:none !important;}
.pagination li.selected a , .pagination li.selected span {display:inline !important;}

/* arrows list */
ul.arrows > li, ol.arrows > li , a.readMore {list-style-type:square;padding-left:10px !important;}
ul.arrows > li.noBullet {padding-left:0;}

/* hover lists */
/* fake hover liste is when there are various links inside the li but whe want to highlight only one */
.hoverList > li a,  .timeList > li a, .fakeHoverList > li  {display:block;padding:3px;}
.fakeHoverList > li {position:relative;overflow:hidden;display:block;}
.fakeHoverList .liLink {clear:both;height:500px;width:100%;position:absolute;top:1px;left:0;display:block;text-indent:-33333px; overflow:hidden}
.timeList > li a {margin-left:45px;padding:3px; }
.timeList > li .time {float:left;font-weight:bold;padding:3px;width:33px;}

/* comments */
.comment {float:right;position:relative;padding-left:0 !important;}	
.comment .message {margin-left:9px;font-weight:normal;display:block; padding:5px;} 
.comment .message img {max-width:100%;border:none;}
.comment .arrow	{display:block;height:20px;left:0;position:absolute;top:0;width:10px;}

/* menu */
ul.menu > li , ul.menuPacked > li{height:inherit;}
ul.menu > li a {padding-left:12px;padding-right:12px;height:inherit;display:block}
ul.menuPacked > li a {padding-left:8px;padding-right:8px;height:inherit;display:block}

/* simpleList */
ul.simpleList > li {background:none !important;padding:0 !important;}



/* extras*/

#show-list { margin: 20px 0; }
#show-list table { margin: 1em 0; border-collapse: collapse; width: 100%;  }
#show-list table td, #show-list table th { border: 1px solid #eee; padding: .6em 10px; text-align: left;   }
#show-list table td{font-size: 13px;}
.good{background-color: green !important;}
.bad{background-color: red !important;}

.titulo{
    height: 28px;
    line-height: 28px;
}

.notificacion{
    min-height: 40px;
}

.block{
    display: block;

}

